<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
		<title>常用样式</title>
	</head>
	<body>
		<div class="container">
			<!-- 列表 -->
			<!-- 去点 -->
			<ul class="list-unstyled">
				<li>Java</li>
				<li>JSP</li>
				<li>Tomcat</li>
			</ul>
			<!-- 内联，一行内显示 -->
			<ul class="list-inline">
				<li>Java</li>
				<li>JSP</li>
				<li>Tomcat</li>
			</ul>
			<hr >
			<!-- 代码 -->
			<code>this is the simple code</code>
			<p>使用<kbd>ctrl+s</kbd>保存</p>
			<pre>
			public static void main(String[] args){
				System.out.println("hello world")
			}
			</pre>
			<hr >
			<!-- 表格 -->
			<table class="table table-bordered table-striped table-hover table-condensed" style="width: 80%;">
				<tr>
					<th>编程语言</th>
					<th>数据库</th>
					<th>框架</th>
				</tr>
				<tr class="success">
					<td>Python</td>
					<td>Oracle</td>
					<td>Spring MVC</td>
				</tr>
				<tr class="info">
					<td>Java</td>
					<td>MySQL</td>
					<td>Spring Boot</td>
				</tr>
				<tr class="warning">
					<td>Python</td>
					<td>Oracle</td>
					<td>Spring MVC</td>
				</tr>
				<tr class="danger">
					<td>Java</td>
					<td>MySQL</td>
					<td>Spring Boot</td>
				</tr>
				<tr class="active">
					<td>Python</td>
					<td>Oracle</td>
					<td>Spring MVC</td>
				</tr>
				<tr>
					<td>Java</td>
					<td>MySQL</td>
					<td>Spring Boot</td>
				</tr>
			</table>
		</div>
	</body>
</html>
